<template>
  <div class="footer">
    <h3 class="footerTitle">合作伙伴</h3>
    <div class="icon">
      <el-icon color="#ffffff" :size="30"><ChromeFilled /></el-icon>
      <el-icon :size="30"><Eleme /></el-icon>
      <el-icon :size="30"><SwitchFilled /></el-icon>
    </div>
    <div class="footDesc">
      商城 | 游戏 | 政企服务 | 集团隐私政策 | 公司儿童信息保护规则 |
      商城隐私政策 | 商城用户协议 | 问题反馈 | Select Location
    </div>
    <div class="footDesc">
      <a href="http://beian.miit.gov.cn/" target="_blank">
        互联网ICP备案：渝ICP备2022013838号
      </a>
      <a
        href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50022702000957"
        target="_blank"
      >
        渝公网安备 50022702000957
      </a>
    </div>
  </div>
</template>

<script setup>
</script>

<style lang="less" scoped>
/* 底部 */
.footer {
  width: 100%;
  height: 200px;
  background-color: #4a525b;
  color: #ffffff;
  text-align: center;
  margin-top: 50px;
}
.footerTitle {
  padding-top: 40px;
}
.icon {
  margin: 8px 0;
  i {
    margin: 0 12px;
  }
}
// .icon svg {
//   width: 2rem;
//   height: 2rem;
//   margin: 0 0.6rem;
// }
.footDesc {
  font-size: 17px;
  margin: 10px 0;
  a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    margin: 0 8px;
  }
}
</style>